body{
    background-color: #cccccc;
}
/*为文本添加css属性*/
.container{
    background-color: #abafa9;
    background-image: url("../imgs/box.png");
    background-repeat: no-repeat;
    background-position: 100px 50px; /* 可以设置背景的位置 */
    border: 1px solid #f00;
    width: 960px;
    height: 860px;
    margin: auto;
    font-family: "Arial";
    font-size: 100%;
    color: #ccc;
    text-indent: 5%; /* 设置缩进,第一行有效 ; 该属性对内联元素没有效果*/
    white-space: pre;

}
.container p{
    font-size: 1.25em;
    line-height: 1.1; /* 通过数字设置行高,表示是元素字体的倍数;
    子元素会继承这个倍数因子(不是倍数具体值,所以子元素的行高是根据子元素的字体大小计算得到的);
    例如:父元素的字体是16px 设置 line-height: 1.5; 那么父元素行高是 24px;
    如果子元素字体是10px  那么行高是 15px
     如果行高设置为百分比或者em值则子元素会直接继承该值
     例如:父元素的字体是16px 设置 line-height: 150%;或者 line-height: 1.5em; 那么父元素和子元素的行高都是24px
     */
    padding: 0px 0px 0px 150px;
    letter-spacing: 1px; /* 设置字间距 */


}

.container p span{
    /*font-style: italic;*/
    font-size: 0.5em; /*这里0.5em是父元素p的字体大小的一半*/
    text-decoration: line-through;

}
.container > span{
    font-size: 0.5em; /* 这里0.5em==8px 因为div的默认字体大小一般是16px em始终是相对于父元素的字体大小计算 */
    text-transform: capitalize; /* capitalize设置首字母大写 */

}
.container > h1{
    font-variant: small-caps;
    color: #000;
}